<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <div th:include="common/common_libs :: commoncss(screen)" th:remove="tag"/>
</head>

<body>

<div class="screen-header">
    <div class="screen-name">陕西移动旅游大数据</div>
    <img class="screen-logo" src="/css/screen/images/logo_bg.png"/>
    <div class="screen-time">
        <div class="time">00 : 00 : 00</div>
        <div class="date">2018-01-01 星期一</div>
    </div>
</div>

<div class="screen-main">
    <div layout:fragment="content" th:remove="tag"></div>
</div>

<script src="/libs/jquery/jquery.3.2.1.js"></script>
<script src="/common/base.date.js"></script>

<script>
    function initTime() {
        var _od = $(".screen-time .date");
        var _ot = $(".screen-time .time");
        setInterval(function() {
            var date = new Date();
            var d = date.pattern("yyyy-MM-dd EEE");
            var t = date.format("hh : mm : ss");
            _od.html(d);
            _ot.html(t);
        }, 1);
    }
    $(function () {
        initTime();
    })
</script>

</body>
</html>